<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="/libs/swiper/swiper.min.css">
    <link rel="stylesheet" href="/libs/bootstrap/css/bootstrap.min.css">
    <script src="/libs/jquery/jquery-3.5.1.min.js"></script>
    <link rel="stylesheet" href="/css/shopping.css">
</head>

<body>
    <div class="header"></div>
    <div class="shopping-nav">
        <div class="shopping-nav-middle">
            <div class="shopping-nav-middle-top">
                <ul>
                    <li><a href="/index.html">首页</a><i>></i></li>
                    <li><a href="/html/detail.html">雪肌精</a><i>></i></li>
                    <li><a href="#">产品系列</a><i>></i></li>
                    <li><a href="#">集萃系列</a><i>></i></li>
                    <li><a href="#">高丝茵菲妮集萃水乳奢护套装</a></li>
                </ul>
            </div>
            <div class="shopping-nav-middle-center">
                <div class="shopping-center-left">
                    <img src="/img/43002794.jpg" alt="">
                </div>
                <div class="shopping-center-right">
                    <p>高丝茵菲妮集萃水乳奢护套装</p>
                    <span>￥1100</span>
                    <div class="vo">
                        <select class="carss">
                        <option value="volvo">1400ml</option>
                        <!-- <option value="saab"></option>
                        <option value="fiat"></option>
                        <option value="audi"></option> -->
                        </select>
                        <div class="arrow">
                            <input type="text" name="num" id="shopping-num" value="1" data-min="1" />
                            <div class="spinner--arrow">
                                <div class="topArrow" data-spin="up">
                                    +
                                </div>
                                <div class="bottomArrow" data-spin="down">
                                    -
                                </div>
                            </div>
                        </div>

                    </div>

                    <input type="button" value="立即购物" id="shopping-but1">
                    <input type="button" value="加入购物车" id="shopping-but2">
                </div>
            </div>
            <hr>
            <div class="shopping-nav-middle-bottom">
                <h4>推荐搭配</h4>
                <div class="shopping-dl">
                    <dl>
                        <dt><a href="#"><img src="/img/13025403.jpg" alt=""></a></dt>
                        <dd>柔韧护手霜</dd>
                        <dd>￥160</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/13025403.jpg" alt=""></a></dt>
                        <dd>柔韧护手霜</dd>
                        <dd>￥160</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/13025403.jpg" alt=""></a></dt>
                        <dd>柔韧护手霜</dd>
                        <dd>￥160</dd>
                    </dl>
                    <dl>
                        <dt><a href="#"><img src="/img/13025403.jpg" alt=""></a></dt>
                        <dd>柔韧护手霜</dd>
                        <dd>￥160</dd>
                    </dl>
                </div>
            </div>
            <div class="shopping-nav-middle-bot">
                <p><span class="ac"><a href="javascript:;">产品介绍</a> </span><span><a href="javascript:;"> 使用说明</a></span></p>
                <div class="shopping-box">
                    <div id="shopping-desc" class="ac">
                        <p> 产品特征</p>
                        <p>只留滋润，不留粘腻<br> 缔造舒芙蕾般柔软美肌<br>
                            <产品特点><br> ●沁盈柔润，使用后没有令人不快的粘腻感。<br> ●补充均衡的水分・油分、防止肌肤粗糙、干燥。<br> ●悉心打造细腻、富有透明感的肌肤。</p>
                    </div>
                    <div id="shopping-explain" style="display: none;">
                        <p> 使用方法</p>
                        <p>○请以化妆水调理肌肤后使用。<br> ○手掌取用时，取按压喷嘴1-2次的量，轻柔地涂抹于肌肤。以棉片取用时，取以按压喷嘴3次的量轻柔地涂抹于肌肤
                        </p>
                    </div>
                </div>
            </div>
        </div>
        <div></div>
    </div>
    <div class="footer"></div>





    <script type="text/javascript">
        $('.header').load('modules/header.html'),
            $('.footer').load('modules/footer.html')
    </script>

    <script src="/libs/bootstrap/js/bootstrap.min.js"></script>
    <script src="/libs/require/require.min.js" data-main="/js/shopping.js"></script>
</body>

</html>